<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title> 表格和列表 </title>
	<link rel="stylesheet" style="text/css" href="style.css">
</head>
<body>

	<table border="1">
		<caption> 这是表格的标题 </caption>
		<tr>
			<th>姓名</th>
			<th>性别</th>
			<th>年龄</th>
			<th>籍贯</th>
		</tr>
		<tr>
			<th>张三，这是一个有故事的人呐</th>
			<th>男</th>
			<th>20</th>
			<th>北京</th>
		</tr>
		<tr>
			<th>李四</th>
			<th>女</th>
			<th>18</th>
			<th>上海</th>
		</tr>
		<tr>
			<th>王五</th>
			<th>男</th>
			<th></th>
			<th>广东</th>
		</tr>
		<tr>
			<th>老六</th>
			<th>女</th>
			<th>38</th>
			<th>深圳</th>
		</tr>
	</table>


	<ul>
		<li> 第一项 </li>
		<li> 第二项，这一项变得好长啦，用于测试。 </li>
		<li> 第三项 </li>
		<li> 第四项 </li>
		<li> 第五项 </li>
	</ul>

	<div>这是一个段落<strong>12</strong>有下标 </div>
	<div>这是一个段落<b>12</b>有上标 </div>


	<div id="a">  <span>这个是个句子 </span> </div>

	<span id="b">这是一个多行输入框</span><textarea cols="100" rows="10"></textarea>
</body>
</html>